/**
 * Author: Shen Yanqiu
 * Date: 2017-12-11
 * Time: 18:48
 *
 */
import React from 'react';
import { Steps, Popover } from 'antd';
import styles from './ExamineApprove.less';

const Step = Steps.Step;
class ExamineApprove extends React.Component {
  render () {
    const customDot = (dot, { status, index }) => (
      index <= 1 ?
        <Popover
          title={
            <div style={{ margin: "10px 0 5px", fontWeight: "bold" }}>
              审批意见
              <span style={{ float: "right", fontWeight: "normal" }}>
              未通过
              </span>
            </div>
          }
          content={
            <div style={{ margin: "5px 0" }}>
              <span>不同意</span>
            </div>
          }
        >
          {dot}
        </Popover>
        : <Popover content={"待审批"}>
          {dot}
        </Popover>
    );
    return (
      <Steps current={1} progressDot={customDot}>
        <Step
          title="发起"
          description={(
            <div className={styles.desc}>
              <div>迎曦</div>
              <div>2016-12-12</div>
              <div>12:32</div>
            </div>
          )}
        />
        <Step
          title="审批"
          description={(
            <div className={styles.desc}>
              <div>小龙女</div>
              <div>2016-12-12</div>
              <div>12:32</div>
            </div>)}
        />
        <Step
          title="审批"
          description={(
            <div className={styles.desc}>
              <div>小龙女</div>
              <div>{}</div>
              <div>{}</div>
            </div>)}
        />
        <Step
          title="完成"
          description={(
            <div className={styles.desc}>
              <div>{}</div>
              <div>{}</div>
              <div>{}</div>
            </div>)}
        />
      </Steps>
    );
  }
}
export default ExamineApprove;
